Calendar

These calendars require a browser that supports tables, which is pretty much all of them nowadays. They also demonstrate the BGCOLOR and BORDERCOLOR options in Microsoft Internet Explorer. (These aren't supported by any other browser yet.)

Normally I advocate ending each table element with the appropriate </TD> and </TR> tags but in this case it makes the table coding too cluttered. HTML 3.0 says that these closing tags are optional, so it's still legal HTML.

The first example is a small, compact calendar with only the dates. You could link any of the date numbers to another page, or to an anchor further down the same page.

March 1996
SunMonTueWedThuFriSat
  1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31  

Next comes an example with the calendar specified to be the entire width of the browser window. You'd usually use this trick if you want to put a short word or two in some of the cells. Internet Explorer doesn't pay much attention to the WIDTH options on the table; as you add text to cells you may find that the columns don't keep equal widths.

June 1996
SunMonTueWedThuFriSat
 
 
1
2 3
Comdex
4
Comdex
5
Comdex
6 7 8
9
 
10 11 12 13 14
Flag Day
15
16
 
17 18 19 20 21 22
23
 
24 25 26 27
Vacation
28 29
30
 
 
Instead of trying to squeeze long explanations into the cells, you may want to link them to entries below the calendar as I've done here:

Comdex Spring, June 3-6, Chicago

The semi-annual extravaganza of products and services for the personal computer industry.

[Up to the Calendars]

[Back to Web Tips]